.img-res { width: 100%; max-width: 100%; }

body { font-family: "Arial"; color: #333; }

li { list-style: none; }

.banner { margin: 0 auto; margin-bottom: 30px; }

@media (min-width: 1200px) { .banner { margin-bottom: 40px; } }

.tit-dh img { padding-top: 10px; }

@media (max-width: 999px) { .tit-dh .tit-li1 { padding-top: 5px; } }

@media (max-width: 999px) { .tit-dhr { display: none; } }

.tit-dhr a { text-align: center; line-height: 80px; font-size: 20px; color: #3a3a3a; width: 24%; display: inline-block; }

.case-d1 { position: relative; }

@media (min-width: 1200px) { .case-d1 { margin-bottom: 95px; }
  .case-d1:hover .case-d2 { display: none; }
  .case-d1:hover .case-d3 { display: block; position: absolute; top: 20px; }
  .case-d1:hover .case-d3 .d3-bg { background-color: rgba(54, 80, 163, 0.9); } }

@media (min-width: 1200px) { .case-d1 .case-d2 { padding: 0 11px; margin-bottom: 30px; position: absolute; bottom: -95px; } }

.case-d1 .case-d2 p { background: #eee; padding: 24px 20px; margin-bottom: 0; }

.case-d1 .case-d3 { color: #ffffff; margin-bottom: 30px; }

@media (min-width: 1200px) { .case-d1 .case-d3 { display: none; padding: 0 11px; } }

.case-d1 .case-d3 .d3-bg { background: #264193; padding: 20px; }

@media (min-width: 1200px) { .case-d1 .case-d3 .d3-bg { padding: 30px 30px 35px; } }

.case-d1 .case-d3 .d3-bg .d3-p2 { margin-bottom: 0; }

.case-d1 .case-d3 .d3-bg .d3-p2 span { display: inline-block; margin-top: 20px; padding: 3px 20px; border: 1px solid #fff; color: #fff; }

.pro-d2 { background: #eeeeee; margin-bottom: 30px; }

.pro-d2:hover { background: #264193; }

.pro-d2:hover p { color: #fff; }

.pro-d2:hover p span { border: 1px solid #fff; }

.pro-d2 p { font-size: 16px; color: #203d99; padding: 20px; margin-bottom: 8px; }

@media (min-width: 760px) { .pro-d2 p { padding: 20px 30px; } }

@media (min-width: 1200px) { .pro-d2 p { padding: 40px 30px 5px; } }

.pro-d2 p span { font-size: 14px; padding: 3px 20px; border: 1px solid #203d99; margin-left: 2px; margin-top: 30px; display: inline-block; }

.pro-d2 img { margin-right: 3px; }

.pointer { display: none; }

.banner .pager-prev, .banner .pager-next { width: 30px; height: 30px; font-size: 30px; line-height: 30px; background: #b8b8b8; color: #fff; display: block; border: 0; }

.banner .pager-prev:hover, .banner .pager-next:hover { background: #203a8d; }

.bg-ft { background: #203d99; padding: 10px 0; margin-bottom: 30px; }

.bg-ft .ft-d1 p { color: #ffffff; }

.bg-ft .ft-d1 img { display: block; margin: 0 auto; margin-bottom: 10px; }

.nav ul a { padding: 5px 5px 5px 0; }

.cont { margin-top: 30px; }

.con2 { font-weight: normal; font-size: 16px; }

.bg-dd { background: #ececec; padding: 15px; margin-bottom: 70px; }

@media (min-width: 760px) { .bg-dd { margin-bottom: 0; } }

.bg-dd p { margin-bottom: 0; }

@media (min-width: 760px) { .dbdh { display: none; } }

@media (min-width: 1000px) { .m { display: none; } }

#fun1 { position: absolute; right: 3%; top: 15px; display: block; cursor: pointer; }

@media (min-width: 1000px) { #fun1 { display: none; } }

@media (max-width: 999px) { .tit-dh img { margin-bottom: 10px; } }

@media (max-width: 999px) { .m { font-size: 15px; background: #fff; list-style: none; display: none; } }

@media (max-width: 999px) { .m a { color: #3e3e3e; } }

@media (max-width: 759px) { .m li { float: left; height: auto; line-height: 34px; text-align: center; padding-left: 15px; width: 49%; } }

@media (min-width: 760px) and (max-width: 999px) { .m li { padding: 15px 0px; width: 25%; float: left; text-align: center; } }

@media (max-width: 759px) { .dbdh { display: block; width: 100%; position: fixed; bottom: 0; background: #203d99; } }

.dbdh ul { padding-left: 0; }

.dbdh ul li { width: 25%; height: auto; float: left; list-style: none; }

.dbdh ul li a { display: block; text-align: center; padding: 5px  5px 0; color: #fff; }

.dbdh ul li a p { line-height: 30px; margin-bottom: 0; }

.dbdh ul li a img { display: inline-block; }
